﻿<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="./css/style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    
    <div class="app">
      <h3>PSD2UGUI</h3>
      <main class="main">
        <div class="in">
          <div class="row">
            <label class="lable_title">九宫格：</label>
            <label class="label_input_1">_9S:</label>
            <input class="label_input_2" type="number" value="10" id="input_scale9">
            <label class="label_input_3">像素</label>
            <button id="btn_9s">修改</button>
            <button id="btn_9s_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title">_9S：</label>
            <input class="input_scale" type="number" value="10" id="input_scale9_1">
            :<input class="input_scale" type="number" value="10" id="input_scale9_2">
            :<input class="input_scale" type="number" value="10" id="input_scale9_3">
            :<input class="input_scale" type="number" value="10" id="input_scale9_4">
            <button id="btn_9s_1">修改</button>
            <button id="btn_9s_1_create">创建</button>
          </div>
          <!--属性设置：start-->
          <div class="row">
            <label class="lable_title">属性设置：</label>
            <h4>_Texture</h4>
            <label class="lable_desc">大图文理</label>
            <button onclick="onClickAttrValue('_Texture')">修改</button>
            <button id="btn_attr_texture_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_LeftHalf</h4>
            <label class="lable_desc">左右对称</label>
            <button onclick="onClickAttrValue('_LeftHalf')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_BottomHalf</h4>
            <label class="lable_desc">上下对称</label>
            <button onclick="onClickAttrValue('_BottomHalf')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Quarter</h4>
            <label class="lable_desc">四角对称</label>
            <button onclick="onClickAttrValue('_Quarter')">修改</button>
          </div>          
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Common</h4>
            <label class="lable_desc">同psd生成1张</label>
            <button onclick="onClickAttrValue('@Common')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Global</h4>
            <label class="lable_desc">全psd生成1张</label>
            <button onclick="onClickAttrValue('@Global')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Filter</h4>
            <label class="lable_desc">过滤不会导出</label>
            <button onclick="onClickAttrValue('@Filter')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Root</h4>
            <label class="lable_desc">顶级节点</label>
            <button onclick="onClickAttrValue('@Root')">修改</button>
            <button id="btn_attr_root_create">创建</button>
          </div>
          <!--属性设置：end-->
          <!--文本：start-->
          <div class="row">
            <label class="lable_title">文本：</label>
            <h4>_ArtStatic</h4>
            <label class="lable_desc">艺术图片</label>
            <button onclick="onClickAttrValue('_ArtStatic')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Static</h4>
            <label class="lable_desc">静态文本</label>
            <button onclick="onClickAttrValue('_Static')">修改</button>
          </div>
          <!--文本：end-->
          <div class="row">
            <label class="lable_title">输入框：</label>
            <h4>@InputField</h4>
            <label class="lable_desc"></label>
            <button onclick="onClickAttrValue('@InputField')">修改</button>
            <button id="btn_input_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Background</h4>
            <label class="lable_desc">输入框背景</label>
            <button onclick="onClickAttrValue('_Background')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Text</h4>
            <label class="lable_desc">默认文本</label>
            <button onclick="onClickAttrValue('_Text')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Holder</h4>
            <label class="lable_desc">提示文本</label>
            <button onclick="onClickAttrValue('_Holder')">修改</button>
          </div>
          <!--按钮：start-->
          <div class="row">
            <label class="lable_title"> 按钮：</label>
            <h4>@Button</h4>
            <label class="lable_desc"></label>
            <button onclick="onClickAttrValue('@Button')">修改</button>
            <button id="btn_button_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Normal</h4>
            <label class="lable_desc">默认状态</label>
            <button onclick="onClickAttrValue('_Normal')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Pressed</h4>
            <label class="lable_desc">按下状态</label>
            <button onclick="onClickAttrValue('_Pressed')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_HighLighted</h4>
            <label class="lable_desc">高亮状态</label>
            <button onclick="onClickAttrValue('_HighLighted')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Disabled</h4>
            <label class="lable_desc">禁用状态</label>
            <button onclick="onClickAttrValue('_Disabled')">修改</button>
          </div> 
          <!--按钮：end-->
          <!--滚动视图：start-->
          <div class="row">
            <label class="lable_title">滚动视图：</label>
            <h4>@ScrollView:</h4>
            <select class="select_component" id="select_scrollview">
              <option>H横向</option>
              <option>V竖向</option>
            </select>
            <button id="btn_scrollview">修改</button>
            <button id="btn_scrollview_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Size</h4>
            <label class="lable_desc">视图大小</label>
            <button onclick="onClickAttrValue('@Size')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@LE</h4>
            <label class="lable_desc">视图元素</label>
            <button onclick="onClickAttrValue('@LE')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title">滚动条：</label>
            <h4>@ScrollBar:</h4>
            <select class="select_component1" id="select_scrollbar">
              <option>L左右</option>
              <option>R右左</option>
              <option>T上下</option>
              <option>B下上</option>
            </select>
            <input class="label_input_4" type="number" value="5" id="input_scrollbar2">
            <button id="btn_scrollbar">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Background</h4>
            <label class="lable_desc">滚动背景</label>
            <button onclick="onClickAttrValue('_Background')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Handle</h4>
            <label class="lable_desc">滚动滑块</label>
            <button onclick="onClickAttrValue('_Handle')">修改</button>
          </div>
          <!--滚动视图：end-->
          <!--滑动条：start-->
          <div class="row">
            <label class="lable_title">滑动条：</label>
            <h4>@Slider:</h4>
            <select class="select_component" id="select_slider">
              <option>L左右</option>
              <option>R右左</option>
              <option>T上下</option>
              <option>B下上</option>
            </select>
            <button id="btn_slider">修改</button>
            <button id="btn_slider_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Size</h4>
            <label class="lable_desc">滑动条大小</label>
            <button onclick="onClickAttrValue('@Size')">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Bg</h4>
            <label class="lable_desc">滑动条背景</label>
            <button onclick="onClickAttrValue('_Bg')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Fill</h4>
            <label class="lable_desc">滑动条前景</label>
            <button onclick="onClickAttrValue('_Fill')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Handle</h4>
            <label class="lable_desc">滑动条滑块</label>
            <button onclick="onClickAttrValue('_Handle')">修改</button>
          </div> 
          <!--滑动条：end-->
          <!--开关选择：start-->
          <div class="row">
            <label class="lable_title">开关选择：</label>
            <h4>@Toggle</h4>
            <label class="lable_desc"></label>
            <button onclick="onClickAttrValue('@Toggle')">修改</button>
            <button id="btn_toggle_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Background</h4>
            <label class="lable_desc">开关背景</label>
            <button onclick="onClickAttrValue('_Background')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Checkmark</h4>
            <label class="lable_desc">选中状态</label>
            <button onclick="onClickAttrValue('_Checkmark')">修改</button>
          </div> 
          <!--开关选择：end-->
          <!--页签：start-->
          <div class="row">
            <label class="lable_title">页签：</label>
            <h4>@TabGroup</h4>
            <label class="lable_desc"></label>
            <button onclick="onClickAttrValue('@TabGroup')">修改</button>
            <button id="btn_tabgroup_create">创建</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <label class="label_input_1">_Tab:</label>
            <input class="label_input_2" type="text" value="Name" id="input_tabgroup_tab">
            <label class="label_input_3">Tab名称</label>
            <button id="btn_tabgroup_tab">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_Page</h4>
            <label class="lable_desc">Content_Page</label>
            <button onclick="onClickAttrValue('_Page')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_TabSel</h4>
            <label class="lable_desc">选中状态</label>
            <button onclick="onClickAttrValue('_TabSel')">修改</button>
          </div> 
          <div class="row">
            <label class="lable_title"></label>
            <h4>_TabUnSel</h4>
            <label class="lable_desc">未选中状态</label>
            <button onclick="onClickAttrValue('_TabUnSel')">修改</button>
          </div> 
          <!--页签：end-->
          <!--组：start-->
          <div class="row">
            <label class="lable_title">组：</label>
            <h4>@Group:</h4>
            <select class="select_component1" id="select_group">
              <option>H横向</option>
              <option>V竖向</option>
            </select>
            <input class="label_input_4" type="number" value="5" id="input_group2">
            <button id="btn_group">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Size</h4>
            <label class="lable_desc">组大小</label>
            <button onclick="onClickAttrValue('@Size')">修改</button>
          </div>
          <!--组：end-->
          <!--格子：start-->
          <div class="row">
            <label class="lable_title">格子：</label>
            <h4>@Grid:行/列</h4>
            <input class="label_input_4" type="number" value="5" id="input_grid1">
            <input class="label_input_4" type="number" value="5" id="input_grid2">
            <button id="btn_grid">修改</button>
          </div>
          <div class="row">
            <label class="lable_title"></label>
            <h4>@Size</h4>
            <label class="lable_desc">格子大小</label>
            <button onclick="onClickAttrValue('@Size')">修改</button>
          </div>
          <!--格子：end-->
        </div>
      </main>
    </div>

    <script type="text/javascript" src="./js/CSInterface.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/create.js"></script>
  </body>
</html>
